body{
	font-family: 'Roboto', sans-serif;
	padding-top: 130px;
	background: url(/images/body-bg.jpg) repeat;
}

a:hover{color:#ff7f00;}

.btn-scrollTop{
	color: #afaaa5;
	border: 1px solid #afaaa5
}
	.btn-scrollTop:hover{
		color:#fff;
		background:#afaaa5;
		border:1px solid #afaaa5
	}

.img-styled{
	border-radius: 4px;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
	border: 1px solid #FFF;
}


.divider{
	width:100px;
	border-top:1px solid #dcac35;
	margin:15px 0;
}
.divider.center{margin:15px auto;}

.textCetner{text-align:center}
.mt0{margin-top:0px !important}
.mt20{margin-top:20px}

.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}

/* =================================================================
Header ========================================== */
/* Language Dropdown ============== */
.fa{
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
[class*="language-sel-"] {
	width:16px;
	height:11px;
	margin-right:10px;
	top: 1px;
	position: relative;
}
	.language-sel-en{background: url(/images/flags/gb.png) no-repeat 0 0}
	.language-sel-zh-CN{background: url(/images/flags/cn.png) no-repeat 0 0}

	.language-sel-zh-TW{background: url(/images/flags/tw.png) no-repeat 0 0}
	.language-sel-ar-AE{background: url(/images/flags/ae.png) no-repeat 0 0}
	.language-sel-fr-FR{background: url(/images/flags/fr.png) no-repeat 0 0}
	.language-sel-de-DE{background: url(/images/flags/de.png) no-repeat 0 0}
	.language-sel-id-ID{background: url(/images/flags/id.png) no-repeat 0 0}
	.language-sel-ja-JP{background: url(/images/flags/jp.png) no-repeat 0 0}
	.language-sel-ko-KR{background: url(/images/flags/kr.png) no-repeat 0 0}
	.language-sel-ru-RU{background: url(/images/flags/ru.png) no-repeat 0 0}
	.language-sel-es-ES{background: url(/images/flags/es.png) no-repeat 0 0}
	.language-sel-th-TH{background: url(/images/flags/th.png) no-repeat 0 0}
	

/*======= top header =======*/
.navbar-white{background: #FFF}
.top-header{margin-top:10px;}
	.top-header .navbar-nav > li > a{
		font-size: 12px;
		color: #666666;
		padding-top: 6px;
		padding-bottom: 6px;
	}
	.top-header .navbar-nav > li > a:hover,
	.nav>li>a:focus{
		background-color: transparent;
		color:#ff7f00;
	}
	
	.top-header li ul.dropdown-menu{border-radius: 4px;}
	.top-header li ul.dropdown-menu li a{
		font-size:12px;
		padding:8px 14px
	}
	
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
	background-color: transparent;
	border-color: none;
}


/*======= header =======*/
header[role="header"]{
	border-bottom:1px solid #d5cfc3;
	margin-bottom:0;
	z-index:9999999;
}


/*======= Navigation =======*/
#main-navigation{}
.dropdown-menu{z-index:9999}
#main-navigation li a{
	text-transform: uppercase;
	color: #666666;
	font:400 13px 'Roboto', sans-serif;
}
	#main-navigation li a:hover{
		color:#0c71a2;
		background:transparent
	}
	#main-navigation li.active a{
		color:#0c71a2;
	}



/* =================================================================
Banner ========================================== */
.flexslider{
	border:0;
	border-radius:0;
	box-shadow:none;
}
	.flexslider .flex-viewport li{position:relative;}
	.flexslider .banner-title{
		color:#FFF;
		font-size:30px;
		position:absolute;
		bottom:50px;
		left:50px;
		
		padding: 10px 20px;
		text-shadow: 0px 2px 1px rgba(0,0,0,0.8);
		background: rgba(0,0,0,0.75);
	}
	.flexslider:before{
		content:'';
		position: absolute;
		left: 1%;
		top: 1.5%;
		width: 98%;
		height: 97%;
		border: 1px solid #d5cfc3;
		z-index: 8
	}

/*======= Banner || Pages =======*/
#page-banner{
	position:relative;
	margin-bottom:30px;
}

#page-banner:before{
	content: '';
	position: absolute;
	left: 1%;
	top: 4%;
	width: 98%;
	height: 92%;
	border: 1px solid #d5cfc3;
	z-index: 8;
}


/* =================================================================
Main Container || Index ========================================== */
#main-container h2{font: 36px Georgia, serif;color: #5c5956;}
#main-container h3{font: 24px Georgia, serif;color: #5c5956;}
#main-container h4{font: 18px Georgia, serif;color: #5c5956;}

#main-container p{
	font: 16px/24px Georgia, serif;
	color: #77736f;
}

/*======= Section || Index =======*/
#about-us{
	text-align:center;
	padding: 10px 0 40px;
}

#featured-page{text-align:center;}
#featured-page .img-wrap{
	background: #f9f8f3;
	border: 1px solid #d5cfc3;
	padding: 12px;
	
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
	#featured-page .img-wrap img{}

#featured-page a:hover{
	text-decoration:none;
}

	#featured-page a.btn-link:hover .img-wrap{border:1px solid #0c71a2;}
	#featured-page a.btn-link:hover h3{color:#0c71a2;}


/* =================================================================
Pages ========================================== */
#page-content{}
#page-content h2{margin-top:0}

#page-content h4.page-subtitle{
	margin-top:20px;
	color:#0a6fa1;
	margin-bottom:5px;
}

ul.property-listing{
	list-style:none;
	padding-left:20px;
	margin:0;
}
	ul.property-listing li{
		margin-bottom:5px;
		list-style-type: disc;
	}


/*======= Sidebar Menu =======*/
.sidebar-menu{
	background:#262626;
	height: 100%;
}
.sidebar-title{background:#151515}
	#main-container .sidebar-title > h2{
		color:#ffffff;
		font: 24px Georgia, serif;
		margin:0;
		padding: 20px 15px 20px 80px;
		background: url(/images/sidebar-icon.png) no-repeat 35px 15px;
	}

ul.menu{
	margin:0px 0 50px 0;
	padding:0;
	list-style:none;
}
ul.menu li{margin-bottom:1px}
	ul.menu li.active a{
		color:#FFF;
		background:#3c3c3c;
	}
ul.menu li a{
	color:#FFF;
	font:400 15px 'Roboto', sans-serif;
	padding:15px 40px;
	display:block;
	background:#313131;
}
	ul.menu li a:hover{
		color:#FFF;
		background:#3c3c3c;
		text-decoration:none;
	}
	ul.menu li ul{
		margin:0;
		padding:0 0 0 0px;
		list-style:none;
	}




/* =================================================================
Contact Us || Pages ========================================== */
#contact-us-form{margin-top:25px;}
.form-horizontal .control-label{
	color: #454545;
	font-weight: 600;
	text-align: left;
}

.required{
	font-size:11px;
	margin-left: 5px;
	color: #DB6464;
}
.error {
	color: #DA4453;
	font-size: 13px;
	margin-top: 5px;
	display: block;
}


/* =================================================================
Footer ========================================== */
#footer{margin-top:40px; border-top:1px solid #afaaa5;}
	
/*======= Inner Footer =======*/
#inner-footer{padding: 20px 0;}
#inner-footer .copyright{color:#999999; font-size:12px;}

a[href='#top']{margin-top:-8px}







/***** Media Queries *****/
@media only screen and (max-width: 1200px){
}

@media only screen and (max-width: 992px){
	.section-bg-grey{padding-bottom:40px !important;}
	
	ul.menu{margin:0;}
	ul.menu li a{padding:10px 25px;}
}

@media only screen and (min-width: 768px){
	/*.brand img{margin-top: -10px;}*/
	#main-navigation > li > a{
		padding-top: 20px;
		padding-bottom: 20px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	#main-navigation li > ul.dropdown-menu{
		background: #FFF;
		z-index:9999;
		padding: 0;
		border: 1px solid #d5cfc3;
	}
	#main-navigation li > ul.dropdown-menu li a:hover{color:#fff; background: #0c71a2;}
	#main-navigation li > ul.dropdown-menu li a{
		color:#666666;
		padding: 10px 20px;
	}
	
	
	/*======= header fixed =======*/
	.smaller,
	.brand > img{
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}

	.smaller #main-navigation > li > a{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.smaller .navbar-header > .brand{margin-top: -42px;}
	
	/*======= Logo =======*/
	.navbar-header .brand{display:block; margin-top:-36px;}
	
}

@media only screen and (min-width: 768px) and (max-width: 991px){
	#main-navigation {
		margin-top: 10px;		
	}
}


@media only screen and (max-width: 992px){
	body{padding-top:130px;}

	.sidebar-menu{margin-bottom:25px;}
	#main-container .sidebar-title > h2 {}
}



@media only screen and (max-width: 767px){
	body{padding-top:140px;}
	
	.banner #banner-content h4{color:#4b4b4b}
	
	/*======= Banner =======*/
	.flexslider .banner-title{
		color:#FFF;
		font-size:20px;
		bottom:15px;
		left:20px;
		padding:15px;
	}
	
	/*.img-responsive{margin: 0 auto 15px;}*/
	.navbar-collapse.in {overflow-y: visible;}
	
	.navbar-toggle{border-color:#ff7f00}
	.navbar-toggle .icon-bar {background-color: #ff7f00;}
	
	.navbar-nav .open .dropdown-menu>li>a{padding-top:10px; padding-bottom:10px}
	
	/*======= top header =======*/
	#main-navigation li a{margin: 0 15px}
	.top-header .navbar-nav{text-align:right}
	.top-header .navbar-nav li{display:inline;outline: 0;}
	.top-header .navbar-nav li a{
		display:inline;
	}
	
	/*======= header =======*/
	.navbar-header{margin:10px 0;}
	.navbar-header .brand{margin-left: 15px;float:left;margin-top: -30px;}
	
	.top-header li ul.dropdown-menu li a{
		color:#FFF;
		padding: 10px 20px !important;
	}
	
	.top-header li ul.dropdown-menu li a:hover{background:#000}
	.top-header .navbar-nav .open .dropdown-menu{margin-top:10px;}
	
}

@media only screen and (max-width: 480px){
	#gallery .col-xs-6{width:100%}
	#floor-plans .col-xs-6{width:100%}
}


